<div>
    <div class="panel-body">
        <div class="m-b-md">
            <span class="h4 font-bold">添加可配送区域</span>
        </div>
        <div class="m-b panel-body">
            <div class="panel-body fa-border pull-left" >
                <div class="h6 panel-body bg-light">选择省级</div>
                <div style="height: 300px;overflow-y: auto">
                    <div class="m-xs">
                        <div class="inline">
                            <input type="checkbox"
                                   ng-checked="isCheck(area)"
                                   ng-click="updateSelection($event,area)"
                                   class="pull-left block">
                            <span class="m-xs pull-left block w-xs text-ellipsis h6">全国</span>
                            <i class="fa fa-angle-right"></i>
                        </div>
                    </div>
                    <div class="m-xs" ng-repeat="item in province" ng-init="item.select=0;">
                        <div class="inline">
                            <input type="checkbox"
                                   ng-checked="isCheck(item)"
                                   ng-click="updateSelection($event,item)"
                                   class="pull-left" ng-disabled="item.disabled==1">
                            <a class="pull-left block w-xs h6 m-xs l-h text-ellipsis" ng-click="showCity(item)">{{item.label}}</a>
                            <i class="fa fa-angle-right"></i>
                        </div>
                    </div>
                </div>
            </div>
            <div class="panel-body fa-border pull-left" ng-if="city.length>0">
                <div class="h6 panel-body bg-light">选择市区</div>
                <div style="height: 300px;overflow-y: auto">
                    <div class="m-xs" ng-repeat="item in city">
                        <div class="inline">
                            <input type="checkbox"
                                   ng-checked="isCheck(item)"
                                   ng-click="updateSelection($event,item)"
                                   class="pull-left" ng-disabled="item.disabled==1">
                            <a class="m-xs pull-left block w-xs text-ellipsis h6 l-h" ng-click="showCounty(item)">{{item.label}}</a>
                            <i class="fa fa-angle-right"></i>
                        </div>
                    </div>
                </div>
            </div>
            <div class="panel-body fa-border pull-left" ng-if="county.length>0">
                <div class="h6 panel-body bg-light">选择县区</div>
                <div style="height: 300px;overflow-y: auto">
                    <div class="m-xs" ng-repeat="item in county">
                        <div class="inline">
                            <input type="checkbox"
                                   ng-checked="isCheck(item)"
                                   ng-click="updateSelection($event,item)"
                                   class="pull-left" ng-disabled="item.disabled==1">
                            <a class="m-xs pull-left block w-xs text-ellipsis h6 l-h">{{item.label}}</a>
                            <i class="fa fa-angle-right" ng-if="item.children.length>0"></i>
                        </div>
                    </div>
                </div>
            </div>

            <div class="pull-right fa-border">
                <div class="h6 panel-body bg-light">已选省、市、区</div>
                <div style="height: 300px;overflow-y: auto">
                    <div class="panel-body w-md">
                        <postage-tree data="province"></postage-tree>
                    </div>
                </div>
            </div>

            <div class="clearfix"></div>
        </div>
        <div class="text-right">
            <button class="btn btn-sm btn-success" ng-click="ok()">保存</button>
            <button class="btn btn-sm btn-default" ng-click="cancel()">取消</button>
        </div>
    </div>
</div>